<template>
     <footer>
        <div class="box">
            <div class="friend-link" style="margin-top: 30px;">友情链接:</div>
            <div class="box1" style="min-height: 40px; text-align: center;">
                <a href="#" style="margin-right: 30px;"> 天亮教育 </a>
                <a href="#" style="margin-right: 30px;"> 星云大数据平台 </a>
                <a href="#" style="margin-right: 30px;"> 教学管理云平台 </a>
                <a href="#" style="margin-right: 30px;"> 尚云科技 </a>
                <a href="#" style="margin-right: 30px;"> 天亮公开课资源 </a>
            </div>
            <div style="height: 1px; width: 1000px; margin: auto;">
                <div style="height: 1px; border: 1px solid rgb(84, 84, 84);margin: 24px 0;"></div>
            </div>
            <div class="company">Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</div>
        </div>
    </footer>
  </template>
  
  <script>
  export default {
    name: 'FootView',
    props: {
      msg: String
    }
  }
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped lang="scss">
  footer {
    height: 197px;
    margin-top: 320px;
    background-color: #000;
}
footer > .box {
    color: #777878;
    font-size: 14px;
    width: 1160px;
    height: 197px;
    margin: 0 auto;
    border: 1px solid black;
}
footer > .box > .friend-link {
    line-height: 30px;
    width: 51%;
    color: #fff;
    font-size: 22px;
    margin: 16px auto;
}
footer > .box > .box1 > a {
    font-size: 14px;
    color: #999;
}
footer > .box > .company {
    line-height: 30px;
    text-align: center;
}
  </style>
  